

import { count, log } from "console";
import React, { Component } from "react";
import type { ReactNode } from 'react'

export default class App extends Component {

    render() {

        return <>
            <div>
                <h1>父组件</h1>
                {/* 
                    1. 事件
                    2. 表单
                    3. 生命周期
                    4. axios
                 */}


                <a onClick={(event) => {
                    console.log('哈哈哈哈哈哈哈哈哈', window.location);

                    // 阻止默认事件，让 a 标签不跳转
                    event.preventDefault()

                    // 通过 js 来跳转页面
                    // window.location.href = 'https://www.baidu.com'

                }} href="https://www.baidu.com">点击进入百度</a>


                {/* onSubmit 表单的提交事件 */}
                <form onSubmit={(e) => {
                    e.preventDefault()
                }} action="/api/setName" method="get">
                    <input type="text" placeholder="请输入用户名称" />
                    <input type="submit" value={'提交'} />
                </form>


            </div>
        </>
    }

}